<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0228-dialog"
    ng-class="[dialog.mode]">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="dialog.title | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page kmi-layout-page-check">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B0228.area' | translate"></label>
                <label class="value" ng-bind="dialog.area_display"></label>
                <label class="label" ng-bind="'B0228.product' | translate"></label>
                <label class="value" ng-bind="dialog.product_display"></label>
            </div>
            <div class="kmi-list">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" ng-bind="'B0228.position_no' | translate" style="flex:0 0 100px;"></div>
                    <div class="kmi-list__column" ng-bind="'B0228.inspection_no' | translate" style="flex:0 0 100px;"></div>
                    <div class="kmi-list__column" ng-bind="'B0228.check_item' | translate" style="flex:1;"></div>
                    <div class="kmi-list__column" ng-bind="'B0228.check_method' | translate" style="flex:1;"></div>
                    <div class="kmi-list__column" ng-bind="'B0228.check_standard' | translate" style="flex:2;"></div>
                    <div class="kmi-list__column" style="flex: 0 0 56px;padding: 0px 0px 0px 4px;"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="detail in dialog.startingCheckList track by $index">
                        <div class="kmi-list__column column-border" style="flex:0 0 100px;" ng-bind="detail.position_no"></div>
                        <div class="kmi-list__column column-border" style="flex:0 0 100px;" ng-bind="detail.inspection_no"></div>
                        <div class="kmi-list__column column-border is-wrap" style="flex:1;" ng-bind="detail.inspection_name"></div>
                        <div class="kmi-list__column column-border is-wrap" style="flex:1;" ng-bind="detail.inspection_method"></div>
                        <!-- 20170703 modify by Dustdusk -->
                        <div class="kmi-list__column column-border column-input is-wrap column-combo" style="flex:2;">
                            <label ng-if="detail.inspection_type == '1'" ng-bind="('B0228.min' | translate)+detail.range_min+' '+('B0228.max' | translate)+detail.range_max"></label>
                            <label ng-if="detail.inspection_type == '2'" ng-bind="detail.inspection_standard"></label>
                            <input ng-if="detail.inspection_type=='1'" style="width:100px;" mdl-calculater="detail.input_value" mdl-calculater-decimal="true">
                        </div>
                        <div class="kmi-list__column" style="flex: 0 0 56px;padding: 0px 0px 0px 4px;">
                            <div ng-if="detail.inspection_type=='1'" style="width:24px;height:24px;" ng-class='[dialog.itemStatus(detail)]'></div>
                            <div ng-if="detail.inspection_type=='2'" class="check-point-switch" ng-class="{'is-selected':detail.input_value == '1'}" ng-click="dialog.itemClick(detail);" ng-init='dialog.type3Init(detail);'>
                                <div style="width:24px;height:24px;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="search-tool">
                <div class="kmi-button kmi-button-confrim" ng-click="dialog.confirm()" style="width:100px">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-page kmi-layout-page-user">
            <div class="kmi-text-fields">
                <label class="label label-c" style="flex:0 0 100px;" ng-bind="'B0228.user_no' | translate"></label>
                <input ng-model="dialog.userInfo.UserNo" />
            </div>
            <div class="kmi-text-fields">
                <label class="label label-c" style="flex:0 0 100px;" ng-bind="'B0228.password' | translate"></label>
                <input type="password" ng-model="dialog.userInfo.password" />
            </div>
            <div class="search-tool">
                <div class="kmi-button kmi-button-confrim" ng-click="dialog.ReleaseConfirm()" style="width:100px">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
